// 文档加载事件
$(function () {
    //图书切换页面的方法
    $('#ebook .title ul li').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        let index = $(this).index();
        $('#ebook .content>ul').eq(index).addClass('on').siblings().removeClass('on');

    })


    //热门畅销的变化效果
    $('#ebook .rightbox ul li').hover(function () {
        $('h4', this).addClass('hide');
        $('div', this).removeClass('hide');
        $(this).siblings().find('h4').removeClass('hide');
        $(this).siblings().find('div').addClass('hide');
    })


    // 楼层变身
    let colors = ['#93d46f', '#f65727', '#bb9dee', '#ff7394', '#c2ec51'];
    $('#floor ul li').hover(function () {
        let index = $(this).index();
        let color = colors[index];
        $(this).css({
            width: 80,
            backgroundColor: color,
            backgroundPositionX: -40
        })
    }, function () {
        $(this).css({
            width: 40,
            backgroundColor: '#f2f2f2',
            backgroundPositionX: 0
        })
    })

    // 楼层跳转
    // 楼层点击li滚动
    // 查找所有的div ，忽略最前面三个
    // 获取该元素与父元素顶边的高度差
    // 滚动(兼容性处理,有的浏览器用html,有的用body来滚动)
    $('#floor li').click(function () {
        // alert(1)
        let index=$(this).index();
        let jumpSection=$('section:gt(1)').get(index);
        let offsetTop=$(jumpSection).offset().top;
        $('html,body').stop().animate({scrollTop:offsetTop},1000)
    });


    // console.log($(window).scroll,$(window).on)

    $(window).scroll(function(){
        let scrollTop=$(window).scrollTop();
        // console.log(scrollTop);
        if(scrollTop>700){
            $('#header form').appendTo('#topbox .avblue')
            $('#topbox').slideDown();
        }else{
            $('.ptb220').append($('#topbox .avblue form'))
            $('#topbox').slideUp();
        }
        

    })



})